<template>
  <view>
    <text>页面</text>
    <!-- 按钮点击后发出请求 -->
    <button @click="getData">获取数据</button>

    <!-- 显示请求的数据 -->
    <view v-if="data">
      <text>{{ data }}</text>
    </view>
  </view>
</template>

<script>
import '../../src/utils/http.ts' // 导入拦截器配置
export default {
  data() {
    return {
      // 用来存储请求的数据
      data: null,
    }
  },
  methods: {
    // 发送 GET 请求并更新 data ,光有请求是不行的，海选哟
    getData() {
      uni.request({
        method: 'GET',
        url: '/getYesTotalEle',
        success: (res) => {
          // 请求成功后的回调
          if (res.statusCode === 200) {
            this.data = res.data;  // 更新组件中的 data
          } else {
            console.error('请求失败', res);
          }
        },
        fail: (err) => {
          console.error('请求出错', err);
        }
      })
    }
  }
}
</script>

<style scoped>
/* 样式可以根据需要添加 */
</style>
